import {UserConfig, ConfigEnv, loadEnv, defineConfig} from 'vite';

import {generateModifyVars} from './vite/generate/generateModifyVars';

import createPlugins from './vite/plugins';

import path from 'path';

export default defineConfig(({mode, command}: ConfigEnv): UserConfig => {
    const env = loadEnv(mode, process.cwd());
    return {
        // 部署生产环境和开发环境下的URL。
        // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
        base: env.VITE_APP_CONTEXT_PATH,
        resolve: {
            alias: {
                '~': path.resolve(__dirname, './'),
                '@': path.resolve(__dirname, './src'),
                'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
            },
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
        },
        // https://cn.vitejs.dev/config/#resolve-extensions
        plugins: createPlugins(env, command === 'build'),
        server: {
            host: '0.0.0.0',
            port: Number(env.VITE_APP_PORT),
            open: true,
            proxy: {
                [env.VITE_APP_BASE_API]: {
                    target: 'http://localhost:8080',
                    changeOrigin: true,
                    rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
                }
            }
        },
        css: {
            preprocessorOptions: {
                scss: {
                    javascriptEnabled: true
                },
                less: {
                    modifyVars: generateModifyVars(),
                    javascriptEnabled: true,
                },
            },
            postcss: {
                plugins: [
                    {
                        postcssPlugin: 'internal:charset-removal',
                        AtRule: {
                            charset: (atRule) => {
                                if (atRule.name === 'charset') {
                                    atRule.remove();
                                }
                            }
                        }
                    }
                ]
            }
        },
        // 预编译
        optimizeDeps: {
            include: [
                'vue',
                'vue-router',
                'pinia',
                'axios',
                '@vueuse/core',
                'path-to-regexp',
                'echarts',
                '@wangeditor/editor',
                '@wangeditor/editor-for-vue',
                'vue-i18n',
                '@vueup/vue-quill',
                '@iconify/iconify',
                '@vue/runtime-core',
                '@vue/shared',
                'ant-design-vue/es/locale/zh_CN',
                'ant-design-vue/es/locale/zh_TW',
                'ant-design-vue/es/locale/en_US',
                'element-plus/es/components/form/style/css',
                'element-plus/es/components/form-item/style/css',
                'element-plus/es/components/button/style/css',
                'element-plus/es/components/input/style/css',
                'element-plus/es/components/input-number/style/css',
                'element-plus/es/components/switch/style/css',
                'element-plus/es/components/upload/style/css',
                'element-plus/es/components/menu/style/css',
                'element-plus/es/components/col/style/css',
                'element-plus/es/components/icon/style/css',
                'element-plus/es/components/row/style/css',
                'element-plus/es/components/tag/style/css',
                'element-plus/es/components/dialog/style/css',
                'element-plus/es/components/loading/style/css',
                'element-plus/es/components/radio/style/css',
                'element-plus/es/components/radio-group/style/css',
                'element-plus/es/components/popover/style/css',
                'element-plus/es/components/scrollbar/style/css',
                'element-plus/es/components/tooltip/style/css',
                'element-plus/es/components/dropdown/style/css',
                'element-plus/es/components/dropdown-menu/style/css',
                'element-plus/es/components/dropdown-item/style/css',
                'element-plus/es/components/sub-menu/style/css',
                'element-plus/es/components/menu-item/style/css',
                'element-plus/es/components/divider/style/css',
                'element-plus/es/components/card/style/css',
                'element-plus/es/components/link/style/css',
                'element-plus/es/components/breadcrumb/style/css',
                'element-plus/es/components/breadcrumb-item/style/css',
                'element-plus/es/components/table/style/css',
                'element-plus/es/components/tree-select/style/css',
                'element-plus/es/components/table-column/style/css',
                'element-plus/es/components/select/style/css',
                'element-plus/es/components/option/style/css',
                'element-plus/es/components/pagination/style/css',
                'element-plus/es/components/tree/style/css',
                'element-plus/es/components/alert/style/css',
                'element-plus/es/components/checkbox/style/css',
                'element-plus/es/components/date-picker/style/css',
                'element-plus/es/components/transfer/style/css',
                'element-plus/es/components/tabs/style/css',
                'element-plus/es/components/image/style/css',
                'element-plus/es/components/tab-pane/style/css'
            ]
        }
    };
});
